.app {
  height: 100%;
  background-color: #edf1f2;
  .header {
    height: 44px;
    border-radius: 10px;
  }
  .bg {
    height: 200px;
    background-color: #1ACF90;
    border-bottom-right-radius: 5px ;
    border-bottom-left-radius: 5px ;
    margin-bottom: 60px;
  }
  .swiper {
    text-align: center;
    img {
      display: inline-block;
      border-radius: 10px;
      width: 90%;
      height: 180px;
    }
  }
  .botNav {
    position: fixed;
    bottom: 0;
    height: 44px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid grey;
    .iconfont {
      font-size: 24px;
    }
  }
  .main {
    position: relative;
    .main-header {
      height: 30px;
    } 
    .searchtip {
      position: absolute;
      top: 33px;
      right: 36px;
      font-size: 12px;
      color: pink;
    }
    
  }
  .main-item {
    width: 100%;
    height: 94px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba($color: #000000, $alpha: .3);
    img {
      width: 82px;
      height: 82px;
    }
    .content {
      width: 72%;
    }
    .bywho {
      float: right;
    }
  }
}
.search {
  height: 100%;
  background-color: #edf1f2;
  .tips {
    font-size: 20px; 
    margin-bottom: 30px;
  }
  .searchinp {
    width: 100%;
    height: 32px;
    border-radius: 16px;
    outline: none;
    border: 0;
    font-size: 16px;
  }
  .by {
    width: 100%;
    button {
      outline: none;
      border: 0;
      width: 40%;
      height: 30px;
      border-radius: 10px;
      background-color: skyblue;
    }
  }
  .main-item {
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba($color: #000000, $alpha: .3);
    img {
      width: 88px;
      height: 88px;
    }
    .content {
      width: 72%;
    }
    .bywho {
      float: right;
    }
  }
}